<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <meta name="viewport" content="width=device-width,user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1">

    <meta name="format-detection" content="telephone=no">

    <meta name="apple-mobile-web-app-capable" content="yes">

    <title>{$list['title']}</title>

    {php echo register_jssdk(false);}

    <link type="text/css" rel="stylesheet" href="{MODULE_URL}template/mobile/css/global.css?t={php echo time()}" />

    <link type="text/css" rel="stylesheet" href="{MODULE_URL}template/mobile/css/style.css?t={php echo time()}" />

    <style>

        .gw_num .num{display: block;color:{$list['main_color']};float: left;text-align: center;width: 42px;font-style: normal;font-size: 14px;line-height: 26px;border: 0;}

        #reward-pay-box #reward-price-wrap .pay-btn {

            position: absolute;

            right: 8px;

            width: 100px;

            height: 30px;

            border-radius: 2px;

            line-height: 30px;

            text-align: center;

        background-color: {$list['main_color']};

        font-size: 14px;

        color: #fff

        }

        .tabs-link{

            display:block; height:42px; line-height:42px; color:#fff; background-color:{$list['main_color']}; color:#fff; margin-top:10px; border-radius:5px; text-align:center;

        }

        /* TODO WKL 20161112 修改样式 begin */


        .shang_icon_bak,.gift_icon_bak{
            width: 40px;
            height: 40px;

            line-height: 40px;

            /*position: relative;*/

            text-align: center;

            font-size: 40px;

            position: fixed;

            right: 10px;

            z-index: 10;

            color: {$list['main_color']};
        }

        /*
        .shang_icon, .gift_icon {
            margin-top: 1px;

            width: 30px;
            height: 30px;
            font-size: 30px;
            text-align: center;
            line-height: 30px;

            overflow: hidden;
        color: {$list['main_color']};
        cursor: pointer;
        border: none;
        float: right;
        }
        */

        .shang_icon {
            width: 40px;
            height: 40px;

            line-height: 40px;

            /*position: relative;*/

            text-align: center;

            font-size: 40px;

            position: fixed;

            right: 10px;

            z-index: -1;

            /*color: {$list['main_color']};*/

            color: #FFC800;

            bottom: 100px;
        }
        .gift_icon {

            margin-top: 1px;

            width: 30px;
            height: 30px;
            font-size: 30px;
            text-align: center;
            line-height: 30px;

            overflow: hidden;
            color: {$list['main_color']};
            cursor: pointer;
            border: none;
            float: right;

            margin-top: 2px;
            margin-right: 5px;
        }

        #dt_review_box_button {
            position: absolute;
            right: 0;
            top: 0;
            /*width: 68px;*/
            width: 150px;
            text-align: right;
        }

        #dt_review_box_input {
            margin: 0 105px 0 38px;
            border: 1px solid #ccc;
            background-color: #FFF;
            padding: 3px 3px 3px;
            border-radius: 5px;
        }

        /* TODO WKL 20161112 修改样式 end */


        #header{

            border-bottom:2px solid {$list['main_color']};

            background-size:100%;

            background:url({if empty($list['top_bj'])}{MODULE_URL}template/mobile/images/header.png{else}{php echo tomedia($list['top_bj'])}{/if});

        }

        .live-info .live-btn-a{

            border:1px solid {$list['main_color']};

        }

        .comment-span-em{

            background-color:{$list['main_color']}; color:#fff;

        }

        #tabs-h li.cur{

            border-bottom:2px solid {$list['main_color']}

        }

        .swiper-pagination-bullet-active {

            opacity: 1;

        background:{$list['main_color']};

        }

        .swiper-pagination-bullet {

            margin: 0 5px;

        }

        .live-info .live-btn-a,.comment-span-b,.comment-em,#tabs-h li.cur,.talk-user,.talk-praise .talk-font,.talk-write .talk-font,.talk-praise .talk-num,.talk-write .talk-num{

        color:{$list['main_color']};

        }

        .gw_num i{display: block;height: 26px;width: 26px;float: left;color: {$list['main_color']};border-right: 1px solid #dbdbdb;text-align: center;cursor: pointer;font-style:normal;}

        #dt_review_box_button button { margin-top: 1px; width: 60px; height: 30px; overflow: hidden; font-size: 14px; background-color: {$list['main_color']}; border-radius: 5px; color: #FFF; cursor: pointer; border: none; float: right; }

        #shake-img{

            width:100%; height:100%; background:#fff url({if empty($list['shake_bg_img'])}{MODULE_URL}template/mobile/images/shake-yes.gif{else}{php echo tomedia($list['shake_bg_img'])}{/if}) no-repeat center 20px; background-size:100%; overflow:hidden

        }

        .head-menu{

            float:right; margin-left:15px;padding:5px 0;

        }

        .notification {

            position: fixed;

            width: 100%;

            min-height: 3.4rem;

            top: -2rem;

            padding-top: 2rem;

            left: 0;

            right: 0;

            z-index: 9999;

            background-color: rgba(0, 0, 0, 0.85);

            color: white;

            font-size: .65rem;

            -webkit-transform: translate3d(0, -100%, 0);

            transform: translate3d(0, -100%, 0);

            -webkit-transition: .4s;

            transition: .4s;

        }

        .notification.notification-in {

            -webkit-transform: translate3d(0, 0, 0);

            transform: translate3d(0, 0, 0);

        }

        .notification.touching {

            -webkit-transition-duration: 0s;

            transition-duration: 0s;

        }

        .notification .notification-inner {

            padding: .4rem .6rem 1rem .6rem;

            display: -webkit-box;

            display: -ms-flexbox;

            display: -webkit-flex;

            display: flex;

            -webkit-box-align: start;

            -ms-flex-align: start;

            -webkit-align-items: flex-start;

            align-items: flex-start;

        }

        .notification .notification-content {

            width: 100%;

            margin: 0rem .4rem;

        }

        .notification .notification-title {

            font-weight: bold;

        }

        .notification .notification-text {

            line-height: 1;

        }

        .notification .notification-media {

            height: 1rem;

            width: 1rem;

        }

        .notification .notification-media img {

            width: 100%;

        }

        .notification .notification-handle-bar {

            position: absolute;

            bottom: .2rem;

            left: 50%;

            -webkit-transform: translate3d(-50%, 0, 0);

            transform: translate3d(-50%, 0, 0);

            width: 2rem;

            height: .3rem;

            border-radius: .15rem;

            background: white;

            opacity: .5;

        }





    </style>

    <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>

    <script src="{MODULE_URL}template/mobile/js/jquery.danmu.js?t=3.53"></script>



    <script type="text/javascript" src="{MODULE_URL}template/mobile/js/jquery.transit.min.js"></script>

    <script type="text/javascript" src="{MODULE_URL}template/mobile/js/animate.js?t={php echo time()}"></script>

    <script type="text/javascript" src="{MODULE_URL}template/mobile/js/global.js?t={php echo time()}"></script>

    <script type="text/javascript" src="{MODULE_URL}template/mobile/js/swiper.3.1.2.min.js"></script>

    <script type="text/javascript" src="{MODULE_URL}template/mobile/js/shake.js"></script>

    <script type="text/javascript" src="{MODULE_URL}template/mobile/js/jquery-weui.js"></script>

    <script type="text/javascript" src="{MODULE_URL}template/mobile/js/socket.io.js"></script>

    {if TIMESTAMP<$list['start_time']}

    <script src="{MODULE_URL}template/mobile/js/jquery.knob.min.js"></script>

    <script src="{MODULE_URL}template/mobile/js/jquery.ba-throttle-debounce.min.js?t=3.53"></script>

    <script src="{MODULE_URL}template/mobile/js/jquery.redcountdown.js"></script>

    {/if}

    <script>

        // JS全局变量

        var live_persons = {$list['live_persons']};

        var dashang_limit = {$list['dashang_limit']};

        var dashang_flower = {$list['dashang_flower']};//打赏提示

        var gift_flower = {$list['gift_flower']};//送礼提示

        var newjoin_flower = {$list['newjoin_flower']};//新加入提示

        var player_height = {$list['player_height']};

        var fans_info = {

            'nickname':"{$user['nickname']}",

            'avatar':"{$user['avatar']}",

            'openid':"{$user['openid']}"

        };

        var Timer;

        var load_status = 1;

        var WinW=$(window).width(),WinH=$(window).height();

        var mobile_type = {if strpos($user_agent, 'MicroMessenger') === false}0{else}1{/if};

    </script>

</head>

<body>

<input type="hidden" name="nick_name" id="nick_name" value="{$user['nickname']}">

<input type="hidden" name="avatar" id="avatar" value="{$user['avatar']}">

<input type="hidden" id="live_id" data-title="{$list['title']}" value="{$list['id']}">

<input type="hidden" id="category_id" data-title="{$list['title']}" value="{$categoryid}">

<input type="hidden" id="live_scale" value="16:9">

<input type="hidden" id="wx_nick" value="{$user['nickname']}">

<input type="hidden" id="page_time" value="{php echo time()}">

<input type="hidden" id="wx_openid" value="{$user['openid']}">

<input type="hidden" id="PageNum" value="1" date-reset="{$ping_nums}"/>

<input type="hidden" id="maxid" value="0" />

<input type="hidden" id="shake_status" value="{if $list['shake_show']=='1' && empty($user['realname'])}0{else}1{/if}" />

<!--微信提示图-->

<!-- 红包音乐 -->

<audio id="shake-yao" src="{MODULE_URL}template/mobile/music/yao.mp3" style="display: none;"></audio>

<audio id="shake-kai" src="{MODULE_URL}template/mobile/music/kai.mp3" style="display: none;"></audio>





<!-- End 红包音乐 -->

<!----->

<style>

    .countTitle,.count_down{float:left;}

    .countTitle{width:25%}

    .count_down{width:59%}

    #COUNT_DOWN{

        position: absolute;

        z-index:999;

        width: 100%;

        margin: 0 auto;

        text-align: center;



        background:#000;

        height:36px;

    }

    .count_down{margin-top:0px;}

    .countTitle {

        display: inline-block;

        padding: 0px 10px;

        margin:6px 15px;

        height: 24px;

        line-height: 24px;

    background-color: {$list['main_color']};

    font-size: 12px;

    color: #fff;

    border-radius: 5px;

    letter-spacing: 1px;

    }

    .redCountdownWrapper > div {height:30px !important;width:30px !important;margin:2px 10px !important}

    .danmu_control{margin-right:5px;}

</style>

<div id="COUNT_DOWN" style="{if TIMESTAMP>=$list['start_time']}display:none{/if}">

    <div class="countTitle">直播倒计时</div>

    <div class="count_down"></div>

</div>

<script >

    {if TIMESTAMP<$list['start_time']}

        $('.count_down').redCountdown({

            end: "{$list['start_time']}",

            now: "{php echo time()}",

            labels: true,

            labelsOptions: {

                lang: {

                    days: '天',

                    hours: '时',

                    minutes: '分',

                    seconds: '秒'

                },

                style: 'font-size:10px; text-transform:uppercase;'

            },

            style: {

                element: "",

                textResponsive: .5,

                daysElement: {

                    gauge: {

                        thickness: .1,

                        bgColor: "#fff",

                        fgColor: "{$list['main_color']}",

                    },

                    textCSS: 'font-size:10px;color:#fff;'

                },

                hoursElement: {

                    gauge: {

                        thickness: .1,

                        bgColor: "#fff",

                        fgColor: "{$list['main_color']}",

                    },

                    textCSS: 'font-size:10px;color:#fff;'

                },

                minutesElement: {

                    gauge: {

                        thickness: .1,

                        bgColor: "#fff",

                        fgColor: "{$list['main_color']}",

                    },

                    textCSS: 'font-size:10px;color:#fff;'

                },

                secondsElement: {

                    gauge: {

                        thickness: .1,

                        bgColor: "#fff",

                        fgColor: "{$list['main_color']}",

                    },

                    textCSS: 'font-size:10px;color:#fff;'

                }



            },

            onEndCallback: function() {

                window.location.reload();

            }

        });

        {/if}

</script>

<style>
.swiper-container{margin:0 auto;position:relative;overflow:hidden;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-moz-box-orient:vertical;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate(0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-box-lines:multiple;-moz-box-lines:multiple;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex:0 0 auto;flex-shrink:0;width:100%;height:100%;position:relative}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-wp8-horizontal{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-wp8-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;-moz-background-size:27px 44px;-webkit-background-size:27px 44px;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms;-moz-transition:300ms;-o-transition:300ms;transition:300ms;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-moz-appearance:none;-ms-appearance:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-white .swiper-pagination-bullet{background:#fff}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-container-vertical>.swiper-pagination{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate(0,-50%);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination .swiper-pagination-bullet{margin:5px 0;display:block}.swiper-container-horizontal>.swiper-pagination{bottom:10px;left:0;width:100%}.swiper-container-horizontal>.swiper-pagination .swiper-pagination-bullet{margin:0 5px}.swiper-container-3d{-webkit-perspective:1200px;-moz-perspective:1200px;-o-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-ms-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;visibility:hidden;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;width:100%;height:100%;z-index:1}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-moz-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-moz-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;-moz-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:"";width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;-webkit-background-size:100%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{transform:rotate(360deg)}}

/* 焦点图 */

.swiper-box{

	width:100%; overflow:hidden

}

.swiper-container{

	width:100%;  position:relative; overflow:hidden

}

.swiper-slide{

	width:100%;

}

.swiper-container a{

	width:100%; display:block

}

.swiper-container img{

	max-width:100%; overflow:hidden

}

</style>
<!-- By QQ:834633039 -->
{if !empty($advs)}
<div class="swiper-container">

<div class="swiper-wrapper">

{loop $advs $row}

    <div class="swiper-slide" style="text-align:center"><a href="{$row['url']}"><img src="{php echo tomedia($row['img'])}" width="100%" height="160" class="swiper-lazy" /></a></div>

{/loop}

</div>

<div class="swiper-pagination"></div>

</div>
{/if}
<!-- By QQ:834633039 -->
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript" src="{MODULE_URL}template/mobile/js/swiper.3.1.2.min.js"></script>
<script type="text/javascript" src="{MODULE_URL}template/mobile/js/jqthumb.min.js"></script>
<script>
//美图
$(document).ready(function(){

    var mySwiper = new Swiper ('.swiper-container',{

        loop: true,

        pagination: '.swiper-pagination',

        paginationClickable: true,

        //lazyLoading : true,

        autoplay: 3000,

        autoplayDisableOnInteraction: false,

        onImagesReady: function(swiper){

            $('.swiper-lazy').jqthumb({

                width:"100%",

                height:160

            });

        }

    })
});
</script>


<div id="header">

    <div class="logo">

        <div class="logo-div">

            <img src="{php echo tomedia($list['live_logo'])}" class="logo-img" />

        </div>

    </div>

    <div class="fr head-info">

        <a class="head-user" href="{php echo $this->createMobileUrl('user')}&t={php echo time()}"><img src="{$user['avatar']}" height="28"></a>

        <a class="head-menu" href="{php echo $this->createMobileUrl('index')}"><i class="iconfont" style="font-size:14px;color:{$list['main_color']};font-size:26px;">&#xe659;</i></a>
    </div>
</div>


<div id="danmu" style="width:100%;position: absolute;display:none"></div>

<!--end dm-->

<div id="wrap">

    {if TIMESTAMP<$list['start_time']}

    {if $list['no_start_type']=='4'}

    <div id="content" style="width:100%;">

        <div id="playBtn"></div>

        <video id="playVideo" controls preload="auto" height=""  width="100%" webkit-playsinline><source src="{php echo tomedia($list['no_start_local_media'])}" type="video/mp4"></source></video>

    </div>

    {elseif $list['no_start_type']=='3'}

    {php echo html_entity_decode($list['no_start_yt_iframe'])}

    {elseif $list['no_start_type']=='1'}

    <div id="player" style="width:100%;">

        <script type="text/javascript" charset="utf-8" src="http://yuntv.letv.com/player/live/blive.js"></script>

        <script type="text/javascript">

            var player = new CloudLivePlayer();

            player.init({activityId:"{$list['no_start_activity_id']}",pic:"{php echo tomedia($list['img'])}"});

        </script>

    </div>

    {elseif $list['no_start_type']=='2'}

    <div id="player" style="width:100%;">

        <script type="text/javascript" charset="utf-8" src="http://yuntv.letv.com/player/vod/bcloud.js"></script>

        <script>

            var player = new CloudVodPlayer();

            player.init({uu:"{$list['no_start_activity_uu']}",vu:"{$list['no_start_activity_vu']}",pic:"{php echo tomedia($list['img'])}"});

        </script>

    </div>

    {/if}

    {elseif TIMESTAMP>$list['end_time']}

    {if $list['end_type']=='4'}

    <div id="content" style="width:100%;">

        <div id="playBtn"></div>

        <video id="playVideo" controls preload="auto" height=""  width="100%" webkit-playsinline><source src="{php echo tomedia($list['end_local_media'])}" type="video/mp4"></source></video>

    </div>

    {elseif $list['end_type']=='3'}

    {php echo html_entity_decode($list['end_yt_iframe'])}

    {elseif $list['end_type']=='1'}

    <div id="player" style="width:100%;">

        <script type="text/javascript" charset="utf-8" src="http://yuntv.letv.com/player/live/blive.js"></script>

        <script type="text/javascript">

            var player = new CloudLivePlayer();

            player.init({activityId:"{$list['end_activity_id']}",pic:"{php echo tomedia($list['img'])}"});

        </script>

    </div>

    {elseif $list['end_type']=='2'}

    <div id="player" style="width:100%;">

        <script type="text/javascript" charset="utf-8" src="http://yuntv.letv.com/player/vod/bcloud.js"></script>

        <script>

            var player = new CloudVodPlayer();

            player.init({uu:"{$list['end_activity_uu']}",vu:"{$list['end_activity_vu']}",pic:"{php echo tomedia($list['img'])}"});

        </script>

    </div>

    {/if}

    {else}

    {if $list['type']=='4'}

    <div id="content" style="width:100%;">

        <div id="playBtn"></div>

        <video id="playVideo" controls preload="auto" height=""  width="100%" webkit-playsinline><source src="{php echo tomedia($list['local_media'])}" type="video/mp4"></source></video>

    </div>

    {elseif $list['type']=='3'}

    {php echo html_entity_decode($list['yt_iframe'])}

    {elseif $list['type']=='1'}

    <div id="player" style="width:100%;">

        <script type="text/javascript" charset="utf-8" src="http://yuntv.letv.com/player/live/blive.js"></script>

        <script type="text/javascript">

            var player = new CloudLivePlayer();

            player.init({activityId:"{$list['activity_id']}",pic:"{php echo tomedia($list['img'])}"});

        </script>

    </div>

    {elseif $list['type']=='2'}

    <div id="player" style="width:100%;">

        <script type="text/javascript" charset="utf-8" src="http://yuntv.letv.com/player/vod/bcloud.js"></script>

        <script>

            var player = new CloudVodPlayer();

            player.init({uu:"{$list['activity_uu']}",vu:"{$list['activity_vu']}",pic:"{php echo tomedia($list['img'])}"});

        </script>

    </div>

    {/if}

    {/if}

</div>

<div class="swiper-container" style="position:relative;background-color: #22292c;" id="advs_box">

    <div class="swiper-wrapper" >

        {php $advs = iunserializer($list['advs']);}

        {loop $advs $key $row}

        {php $adv_num = count($advs);}

        {if $row['adv_type']=='1'}

        <div class="swiper-slide">

            <div style="width:100%;height:35px;overflow:hidden;width:320px">

                <div style="position: absolute;display: inline-block;width: 100%;padding-left: 10px;height: 35px;line-height:35px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;color:#fff">

                    <span>&nbsp;&nbsp;</span>

                    <a href="{$row['adv_url']}" style="font-size:12px;color:#fff">{$row['adv_text']}</a>

                </div>

            </div>

        </div>

        {elseif $row['adv_type']=='2'}

        <div class="swiper-slide"  style="height:35px">

            <a href="{$row['adv_url']}">

                <img class="banner-img" src="{php echo tomedia($row['adv_img'])}" height="35px" width="100%"></a>

        </div>

        {/if}

        {/loop}

    </div>

    <div class="swiper-pagination" style="bottom:1px !important"></div>

</div>

<!--
<div class="live-info">

    <div class="fl live-total" style="color:{$list['main_color']}">

        <i class="iconfont">&#xe61e;</i>

        <span id="banner_persons">{if !empty($see_user)}{$see_user}{else}0{/if}</span>

        <span>&nbsp;&nbsp;</span>

        <i class="iconfont">&#xe638;</i>

        <span id="banner_pingluns">{if !empty($ping_nums)}{$ping_nums}{else}0{/if}</span>

    </div>

    <div class="fr live-btn">

        <a href="javascript:;" class="live-btn-a danmu_control" style="display:none"><i class="iconfont" style="font-size:14px;" >&#xe65b;</i>弹幕</a>

        {if $list['yuyue_show']=='1' && TIMESTAMP<$list['start_time']}<a  id="{if strpos($user_agent, 'MicroMessenger') === false}pc_yuyue{else}{if $list['put_mobile']=='0'}wechat_yuyue{else}{if !empty($check_yuyue)}wechat_yuyue{else}need_moible_yuyue{/if}{/if}{/if}" class="live-btn-a live-bespoke" style="margin-right:10px;"><i class="iconfont" style="font-size:14px;">&#xe71a;</i>预约观看</a>{/if}


        <a href="{$gz_url}" class="live-btn-a live-follow" target="__blank"><i class="iconfont" style="font-size:14px;">&#xe613;</i>关注</a>


    </div>

</div>
-->



<div id="tabs-h">

    <ul style="width:100%">

        {loop $menus $row}

        {php $row['settings'] = iunserializer($row['settings']);}

        <li class="tabs-h-comment tabs-h-{$row['id']}" data-num="{$row['id']}" data-m="{$row['type']}" data-h="{if $row['type']=='html'}{$row['settings']['iframe']}{/if}" >{$row['name']}</li>

        {/loop}


        <li class="tabs-h-comment tabs-h-4" data-num="4" data-m="html" data-h="{$gz_url}" style="width: 93.75px; background-color: {$list['main_color']}; color:#fff;"><a href="{$gz_url}" target="__blank" style="color:#fff;">关注</a></li>

    </ul>

</div>

<div id="tabs">

    <div id="tabs-c">

        {loop $menus $row}

        {php $row['settings'] = iunserializer($row['settings']);}

        {if $row['type']=='comment'}

        <div class="tabs-div tabs-c-{$row['id']}" data-num="{$row['id']}" data-m="comment" style="display:none;position:relative" id="comment_box">
<!--
            <div id="comment-info">

                <div class="fl comment-total">共<b id="comment-num">{if !empty($ping_nums)}{$ping_nums}{else}0{/if}</b>条评论</div>

                <div class="fr comment-operate">

                    <div onClick="praise();" class="fl comment-praise">

                        <i class="iconfont comment-i" style="font-size:22px;color:{$list['main_color']}">&#xe63f;</i>

                        <em class="comment-em">{$row['settings']['comment_zan']}</em>

                        <span class="comment-span"><i class="iconfont comment-span-b" style="font-size:12px;color:{$list['main_color']}">&#xf0123;</i><em class="comment-span-em" id="praise-num">{if !empty($zan_nums)}{$zan_nums}{else}0{/if}</em></span>

                    </div>



                </div>

            </div>
-->
            <div id="talk" style="overflow-y:scroll; -webkit-overflow-scrolling: touch;overflow-scrolling:touch;">

                <ul id="comment">

                    {$comment_html}

                </ul>

                <div class="tt-msg-more">

                    <div class="tt-msg-loading" style="display: none;"><i></i><span>加载中...</span></div>

                    {if $ping_nums>8}

                    <div class="tt-msg-load-desc" ><a href="#">上拉加载更多</a></div>

                    {elseif $ping_nums<=8}
<!--
                    <div class="tt-msg-load-desc" ><a href="#">没有更多了</a></div>
-->
                    {/if}

                </div>

            </div>





            <div id="review_box" style="position:fixed;bottom:0px;left:0;">

                <div id="dt_review_box_main">

                    <div id="dt_review_box_input"><input type="text" placeholder="请输入" id="dt_review_form_content" class="input" onpaste="return false" oncontextmenu="return false" oncopy="return false" oncut="return false" maxlength="200" onfocus="number_focus()"></div>

                    <div id="dt_review_box_emo_button" ontouchstart=""><i class="iconfont" style="display:block;margin-top:2px;font-size:26px;color:{$list['main_color']}">&#xe6b1;</i></div>

                    <div id="dt_review_box_button">
                        <button id="dt_review_form_post" class="button_1_disabled" ontouchstart="" >发送</button>

                        {if $list['gift_show']=='1'}

						<i class="iconfont gift_icon" id="{if strpos($user_agent, 'MicroMessenger') === false}uc_gift{else}{if $can_pay==1}gift{else}oauth_gift{/if}{/if}">&#xe6a5;</i>

						{/if}

						{if $list['dashang_show']=='1'}

						<i class="iconfont shang_icon" id="{if strpos($user_agent, 'MicroMessenger') === false}uc_gave{else}{if $can_pay==1}gave{else}oauth_gave{/if}{/if}" >&#xe620;</i>

						{/if}

                    </div>

                    <div style="display: none;" id="dt_review_box_emo">

                    </div>

                    <div class="clear"></div>

                </div>

            </div>


            <!--
			{if $list['gift_show']=='1'}

			<i class="iconfont gift_icon" id="{if strpos($user_agent, 'MicroMessenger') === false}uc_gift{else}{if $can_pay==1}gift{else}oauth_gift{/if}{/if}">&#xe6a5;</i>

			{/if}

			{if $list['dashang_show']=='1'}

			<i class="iconfont shang_icon" id="{if strpos($user_agent, 'MicroMessenger') === false}uc_gave{else}{if $can_pay==1}gave{else}oauth_gave{/if}{/if}" >&#xe620;</i>

			{/if}
            -->
        </div>

        {elseif $row['type']=='content'}

        <div class="tabs-div tabs-c-{$row['id']}" data-num="{$row['id']}" data-m="content" style="display:none">

            <div class="tabs-content" id="content-cont">{php echo html_entity_decode($row['settings']['content']);}</div>

        </div>

        {elseif $row['type']=='button'}

        <div class="tabs-div tabs-c-{$row['id']}" data-num="{$row['id']}" data-m="button" style="display:none">

            {if !empty($row['settings']['button_name'])}

            {loop $row['settings']['button_name'] $key $val}

            <div class="padd">

                <a href="{$row['settings']['button_url'][$key]}" class="tabs-link">{$row['settings']['button_name'][$key]}</a>

            </div>

            {/loop}

            {/if}

        </div>

        {elseif $row['type']=="shake"}

        <div class="tabs-div tabs-c-{$row['id']}" data-num="{$row['id']}" data-m="shake" data-shake="on" style="display:none" id="shake">

            <div id="shake-img"></div>

            <div id="shake-limit">{if $row['settings']['shake_times']-$had_shake_time >0}您还有<font style="color:{$list['main_color']}">{php echo ($row['settings']['shake_times']-$had_shake_time)}</font>次机会,摇到大奖！{else}<font style="color:{$list['main_color']}">您的摇一摇机会已经用完啦！</font>{/if}</div>

        </div>

        {elseif $row['type']=='html'}

        <div class="tabs-div tabs-c-{$row['id']}" data-num="{$row['id']}" data-m="html" data-h="{$row['settings']['iframe']}" style="display:none"></div>

        {elseif $row['type']=='news'}



        {else}

        <div>未知类型的菜单</div>

        {/if}

        {/loop}




        <!--<div class="tabs-div tabs-c-100" data-num="100" data-m="news" style="display:none;background-color: #fff;">

                <section class="cd-timeline cd-container">



                                <div class="cd-timeline-block">

                                    <div class="cd-timeline-img cd-picture">

                                        <img src="{php echo tomedia($list['live_logo'])}" alt="Picture">

                                    </div>

                                    <div class="cd-timeline-img2 cd-location">15:32</div>

                                    <div class="cd-timeline-content">

                                         <p class="box2">

                                             </p><div>在线直播结束，感谢大家观看！</div>

                                             <span></span>

                                         <p></p>



                                        <span class="cd-date">米波赞木为您播报&nbsp; 2016-06-12 <span class="datadisply">15:32</span></span>



                                    </div>

                                </div>



                                <div class="cd-timeline-block">

                                    <div class="cd-timeline-img cd-picture bounce-in">

                                        <img src="{php echo tomedia($list['live_logo'])}" alt="Picture">

                                    </div>

                                    <div class="cd-timeline-img2 cd-location">10:21</div>

                                    <div class="cd-timeline-content bounce-in">

                                         <p class="box2">

                                             </p><div>开幕式结束之后，游客们在选购杨梅和其他高楼特色农产品，三十多个展位够大家好好逛一逛的。</div>

                                             <span></span>

                                         <p></p>

                                         <p><img class="lazy" src="http://zhibo.rarb.cn/UploadFile/News/2016/06/6360132368514035992363318.png" rsrc="http://zhibo.rarb.cn/UploadFile/News/2016/06/6360132368514035992363318.png" title="blob.png" alt="blob.png"></p>

                                        <span class="cd-date">米波赞木为您播报&nbsp; 2016-06-12 <span class="datadisply">10:21</span></span>



                                    </div>

                                </div>

                     </section>

            </div>-->

        <!--news-->

    </div>

</div>


<div id="toast"></div>

{if $list['dashang_show']=='1'}

<div id="dashang_box" style="width:100%;display: none;background-color: rgba(0,0,0,.7);">

    <div class="dashang_bj"></div>

    <div id="gave-box" style="bottom:0;z-index:11">

        <div id="gave-close" onClick="close_give();"></div>

        <div id="gave-text">

            <p>

                <input type="text" class="gave-input" id="gave-money" onfocus="number_focus()" onblur="number_blur()" placeholder="请输入打赏金额({$list['dashang_limit']}~200)元" onkeyup="this.value=this.value.replace(/[^0-9.]/g,'')" /></p>

            <p style="margin-top:15px;">

                <input type="text" class="gave-input" onfocus="number_focus()" onblur="number_blur()" id="gave-say" placeholder="加上您祝福的话(20字以内)" size="30" /></p>

        </div>

        <div id="gave-sub" onClick="gave();"></div>

    </div>

</div>

{/if}

{if !empty($gifts) && $list['gift_show']=='1'}

<div id="reward-layer-box" style="display: none;">

    <div id="reward-pay-box" style="position:absolute;left:0;">

        <div id="reward-list-wrap" class="clearfix">

            <div class="swiper-container" id="gifts_swiper">

                <div class="swiper-wrapper">

                    {if !empty($gifts)}

                    {loop $gifts $key $row}

                    {if $key%4==0}

                    <div class="swiper-slide">

                        <div class="reward-gift-wrap">

                            <div class="reward-img-wrap {if $key=='0'}selected{/if}" onclick="change_gift('{$row['id']}','{$listid}')" id="gift_{$row['id']}" data-one="{$row['money']}" data-type="{$row['id']}">

                                <img src="{php echo tomedia($row['img'])}" width=55 height=55 />

                            </div>

                            <p>{$row['name']}</p>

                        </div>

                        {else}

                        <div class="reward-gift-wrap">

                            <div class="reward-img-wrap {if $key=='0'}selected{/if}" onclick="change_gift('{$row['id']}','{$listid}')" id="gift_{$row['id']}" data-one="{$row['money']}" data-type="{$row['id']}">

                                <img src="{php echo tomedia($row['img'])}" width=55 height=55 />

                            </div>

                            <p>{$row['name']}</p>

                        </div>

                        {if ($key+1)%4==0}</div>{/if}



                    {/if}

                    {/loop}

                    {/if}

                </div>

            </div>

            <div class="swiper-pagination gift_page" style="position:static"></div>

            <div id="reward-pay-close" onclick="close_gift_list()"></div>

            <i class="icon iconfont closeicon" onclick="close_gift_list()">&#xe62d;</i>

        </div>

        <div id="reward-price-wrap" style="height: 30px;padding: 10px 0 10px 0;">

            <div class="num_div" style="margin:0 10px 0 10px;float:left">数量</div>

            <div class="gw_num" style="float:left">



                <i class="iconfont jian">&#xe982;</i>

                <input type="num" value="1" class="num" id="gift_number" oninput="number_change()"  onfocus="number_focus()" onblur="number_blur()" >

                <i class="iconfont add">&#xe983;</i>

            </div>

            <div class="heji" style="margin-left:10px;float:left">合计</div>

            <div class="price_div"style="float:left;color: #ff5f5f;">￥

                <i id="total_price">{$gifts[0]['money']}</i>

            </div>

            <div class="pay-btn" onclick="gift_pay()" style="float:right">立即支付</div>

        </div>

        <div style="clear:both"></div>

        <div id="reward-num-wrap" style="{if $list['gift_pay_detail']==0}display:none{/if}">

            <p>

                <span>共</span><span class="num" id="donateTimes">

								{if empty($gifts_person)}0{else}{$gifts_person}{/if}</span><span>人参与</span>

            </p>

            {if !empty($gifts)}

            {loop $gifts $row}

            <div><img src="{php echo tomedia($row['img'])}"><span>&nbsp;</span><i class="num">{$row['name']}</i><span class="total"><span>累计数量&nbsp;</span><i class="num" id="send_{$row['id']}">

                {if !empty($row['nums'])}{$row['nums']}{else}0{/if}</i><i class="line">|</i><i class="detail"><a href="{php echo $this->createMobileUrl('dashang_detail',array('gift_id'=>$row['id'],'categoryid'=>$categoryid,'listid'=>$listid))}" style="color:blue">明细</a></i></span>

            </div>

            {/loop}

            {/if}

        </div>

    </div>

</div>

{/if}

<!-- fire canvas-->

<div class="colorful js_lhjColorRibbon hidden" style=""><img src="{MODULE_URL}template/mobile/images/colorful.png" alt=""></div>

<div id="socket_img" class="info2"></div>

<!--fire canvas-->

<link type="text/css" rel="stylesheet" href="{MODULE_URL}template/mobile/rank/css/style-pop.css" />

<!--pay box--->

{if $list['need_pay']=='1' && $need_pay==1 && $list['pay_money']>0}

<div id="pay_pop" class="pop">

    <div class="box">

        <h1>温馨提示</h1>

        <div class="inputqy">

            <h4 style="text-align:center;margin:10px 0 10px 0">本次直播需要支付<font color=red>{$list['pay_money']}</font>元才可观看</h4>

        </div>

        <div class="but_con">

            <button class="button_yes" onClick="{if $can_pay==1}pay_look(){else}pay_oauth_look(){/if}">{if $can_pay==1}支付{else}去支付{/if}</button>

        </div>

    </div>

</div>

{/if}

<!--pay_box-->

<!---code box-->

{if $list['need_pay']=='2' && $need_code==1}

<div id="code_pop" class="pop">

    <div class="box">

        <h1>温馨提示</h1>

        <div class="inputqy">

            <input type="text" id="look_code" placeholder="请填入观看密码" />

        </div>

        <div class="but_con">

            <button class="button_yes" onClick="code_look()">确定</button>

        </div>

    </div>

</div>

{/if}

<!---code box--->

<!---need input---->

{if $list['need_pay']=='3' && $need_input=='1'}

<div id="need_input_pop" class="pop">

    <div class="box">

        <h1>请填写以下资料</h1>

        <div class="inputqy">

            {loop $need_input_arr $rval}

            <input type="text" id="{$rval['code']}" placeholder="{$rval['placeholder']}" type="text" name="{$rval['code']}" />

            {/loop}

        </div>

        <div class="but_con">

            <button class="button_yes" onClick="input_need()">确定</button>

        </div>

    </div>

</div>

{/if}

<!---need)input end-->

<!--mobile put-->

{if $list['put_mobile']=='1' && $list['yuyue_show']=='1'}

<div id="sms_mobile_box" class="pop" style="display:none">

    <div class="box" style="top:35%">

        <div id="reward-pay-close" onclick="close_sms_box()"></div>

        <i class="icon iconfont closeicon" onclick="close_sms_box()">&#xe62d;</i>

        <h1>请填写预约资料</h1>

        <div class="inputqy">

            <input type="text" id="sms_mobile" placeholder="请输入你的手机号" type="num" maxlength="11" />

            {if $list['sms_mobile']=='1'}

            <input type="text" id="sms_code" placeholder="请输入手机验证码" style="width:70%;float:left" type="num" maxlength="5" />

            <button class="button_yes"  style="width:30%;float:left;margin: 5px auto;font-size:12px;" id="send_sms_button">发送验证码</button>

            {/if}

            <div class="tip" style="clear:both;color:red;font-size:12px;margin-left:5px;">预约直播、直播开始了可以及时提醒你哦!</div>

        </div>

        <div class="but_con">

            <button class="button_yes" onClick="mobile_do()">确定</button>

        </div>

    </div>

</div>

<style>

    #sms_mobile_box #reward-pay-close {

        position: absolute;

        top: 0;

        right: 0;

        width: 0;

        height: 0;

        z-index:0;

        border-top: 40px solid #ebecee;

        border-left: 40px solid transparent

    }



    #sms_mobile_box #reward-pay-close:active {

        border-top: 40px solid #e6e7e9

    }



    #sms_mobile_box .closeicon {

        position: absolute;

        top: 4px;

        right: 4px;

        z-index: 9999;

        font-size:16px;

        color: #4e4e4e;



    }

</style>

<script>

    var sms_countdown=60;

    var sms_timer;

    $("#send_sms_button").click(function(){

        var button = $("#send_sms_button");

        var mobile = $("#sms_mobile").val();

        var telreg = /^1[3|4|5|7|8][0-9]\d{8}$|^\d{8}$/;

        if(mobile.length==0){

            _loading_toast._show('请先填写手机号码！');

            return;

        }else if(!telreg.test(mobile)){

            _loading_toast._show('请填写正确的手机号码！');

            return;

        }else{

            button.attr("disabled", true);

            button.css({"background-color":"gray","border":'1px solid gray'});

            button.text("倒计时" + sms_countdown + "秒");

            sms_timer = window.setInterval(SetRemainTime, 1000);

            var i = _meepoajax._querystring('i');

            var j = _meepoajax._querystring('j');

            var post_url = './index.php?i='+i+'&j='+j+'&c=entry&do=send_sms&m=meepo_online';

            $.ajax({

                type:'post',

                url:post_url,

                data:{'listid':$("#live_id").val(),'mobile':mobile},

                dataType:"json",

                success:function(json){

                    if(json.errno=='0'){

                        button.css({"background-color":"{$list['main_color']}","border":'1px solid {$list['main_color']}'});

                        button.html("已发送");

                        alert('短信发送成功、请注意查收');

                    }else{

                        _loading_toast._show('短信验证码发送失败、请一分钟后重试');

                    }

                }

            })

        }

    })

    //timer处理函数

    function SetRemainTime() {

        var button = $("#send_sms_button");

        if (sms_countdown == 0) {

            button.css({"background-color":"{$list['main_color']}","border":'1px solid {$list['main_color']}'});

            clearInterval(window.sms_timer);//停止计时器

            button.attr("disabled",false);

            button.html("发送验证码");

            sms_countdown = 60;

        }

        else {

            sms_countdown--;

            button.text("倒计时"+sms_countdown+ "秒");

        }

    }

    function mobile_do(){

        var button = $("#send_sms_button");

        var mobile = $("#sms_mobile").val();

        var telreg = /^1[3|4|5|7|8][0-9]\d{8}$|^\d{8}$/;

        if(mobile.length==0){

            _loading_toast._show('请先填写手机号码！');

            return;

        }else if(!telreg.test(mobile)){

            _loading_toast._show('请填写正确的手机号码！');

            return;

        }

        var sms_code = $("#sms_code").val();

        {if $list['sms_mobile']=='1'}

            if(sms_code=='' || sms_code.length!=5){

                _loading_toast._show('请填写正确的验证码！');

                return;

            }

            {/if}

                var i = _meepoajax._querystring('i');

                var j = _meepoajax._querystring('j');

                var post_url = './index.php?i='+i+'&j='+j+'&c=entry&do=yuyue&m=meepo_online';

                $.ajax({

                    type:'post',

                    url:post_url,

                    data:{'listid':$("#live_id").val(),'mobile':mobile,'sms_code':sms_code},

                    dataType:"json",

                    success:function(json){

                        clearInterval(window.sms_timer);//停止计时器

                        button.attr("disabled",false);

                        button.css({"background-color":"{$list['main_color']}","border":'1px solid {$list['main_color']}'});

                        button.html("发送验证码");

                        sms_countdown = 60;



                        if(json.errno=='0' || json.errno=='-1'){

                            _loading_toast._show('预约成功');

                            $(".live-bespoke").hide();

                            $('#sms_mobile_box').hide();

                        }else{

                            _loading_toast._show(json.message);

                        }

                    }

                })



            }

</script>

{/if}

<!--mobile_put-->

<div id="meepo_pop" class="pop" style="display:none;">

    <div class="box">

        <b class="closeb" onClick="document.getElementById('meepo_pop').style.display='none';" ></b>

        <h1>填写领奖相关信息</h1>

        <div class="inputqy">

            <input type="text" id="realname" placeholder="请填入真实姓名" />

            <input type="text" id="mobile" placeholder="请填入手机号码" />

            <input type="text" id="address" placeholder="请填入详细地址" />

        </div>

        <div class="but_con">

            <button class="button_yes" onClick="send_rm()">确定</button>

        </div>

    </div>

</div>

<!--中奖了-->

<div id="zjlBox" class="pop" style="display:none;">

    <div class="box">

        <b class="closeb" onClick="close_zj()"></b>

        <h1>恭喜您！您中奖了！</h1>

        <div class="inputqy">

            <div class="jpimg"><img id="jpimg" src="" /></div>

            <div class="jptext">

                <p id="jpname"></p>

            </div>

        </div>

        <div id="zjlbtn" class="but_con">

            <button class="button_yes"></button>

        </div>

    </div>

</div>

<!--未中奖-->

<div id="mzjBox" class="pop" style="display:none;">

    <div class="box">

        <h1></h1>

        <div class="inputqy">

            <div class="jptext"><span class="ncz">很遗憾，没摇中任何奖品！</span></div>

        </div>

        <div class="but_con">

            <button class="button_yes" onClick="no_zj()">知道啦</button>

        </div>

    </div>

</div>

<div id="guanzhu_pop" class="pop" style="display:none;">

    <div class="box">

        <b class="closeb" onClick="close_gz()"></b>

        <h3 style="margin-top:30px;text-align:center">微信扫一扫关注才可以打赏和送礼物哦！</h3>

        <div class="inputqy">

            <div class="jpimg"><img id="jpimg" src="../attachment/qrcode_{$_W['uniacid']}.jpg" /></div>

        </div>

    </div>

</div>

<script>

    $(function(){



        resize();

        var mySwiper = new Swiper ('#advs_box',{

            loop: true,

            pagination: '.swiper-pagination',

            paginationClickable: true,

            autoplay: 6000,

            autoplayDisableOnInteraction: false,



        });

        var mySwiper2 = new Swiper('#gifts_swiper',{

            pagination: '.gift_page',

            paginationClickable: true,

            longSwipesRatio: 0.3,

            touchRatio:1,

            observer:true,//修改swiper自己或子元素时，自动初始化swiper

            observeParents:true,//修改swiper的父元素时，自动初始化swiper

        });

        var t_length=$('#tabs-c .tabs-div').length;

        if(t_length>1){

            $('#tabs-h li').removeClass('cur').eq(0).addClass('cur');

            $('#tabs-c .tabs-div').hide().eq(0).show();

            var tabCur=$('#tabs-h .cur');

            var tabM=tabCur.attr('data-m');

            var tabN=tabCur.attr('data-num');

            var tabC=$('#tabs-c .tabs-c-'+tabN);

            if(tabM=='html'){

                tabC.html('<iframe width="100%" height="'+WinH+'" src="'+$('#tabs-h .cur').attr('data-h')+'" frameborder="no" marginheight="0" marginwidth="0" allowTransparency="true"></iframe>');

            }else if(tabM=='comment'){

                clear_Timer();

                $('#PageNum').val('1');

                Timer = setInterval(AutoLoad,5000); //1分钟执行一次

            }else if(tabM=='shake'){

                $('#shake-yao')[0].play();

                var shake=$('#shake');

                $('html,body').animate({'scrollTop':shake.offset().top},500);

                shake.css({'width':WinW,'height':WinH});

            }

        }else if(t_length==1){

            var tabDiv=$('#tabs-c .tabs-div');

            $("#tabs-h li").addClass('cur');

            var tabM=tabDiv.attr('data-m');

            $('#tabs-c .tabs-div').show();

            if(tabM=='comment'){

                clear_Timer();

                $('#PageNum').val('1');

                Timer = setInterval(AutoLoad,5000); //1分钟执行一次

            }else if(tabM=='html'){

                $('#tabs-c .tabs-div').html('<iframe width="100%" height="'+WinH+'" src="'+tabDiv.attr('data-h')+'" frameborder="no" marginheight="0" marginwidth="0" allowTransparency="true"></iframe>');

            }else if(tabM=='shake'){

                $('#shake-yao')[0].play();

                var shake=$('#shake');

                $('html,body').animate({'scrollTop':shake.offset().top},500);

                shake.css({'width':WinW,'height':WinH});

            }

        }

        {if $list['shake_show']=='1'}

            //注册摇一摇

            var myShakeEvent = new Shake({

                threshold: 15

            });



            myShakeEvent.start();

            window.addEventListener('shake', shakeEventDidOccur, false);

            {/if}

                $('#playBtn').click(function(){

                    $(this).hide();

                    var videoPlay = document.getElementById("playVideo");

                    videoPlay.play();

                });

                $('#talk').on('scroll',function(){

                    var $this =$(this),

                            viewH =$(this).height(),//可见高度

                            contentH =$(this).get(0).scrollHeight,//内容高度

                            scrollTop =$(this).scrollTop();//滚动高度

                    if(contentH - viewH - scrollTop <= 30 && load_status==1) {

                        load_status=0;

                        $('.tt-msg-load-desc').hide();

                        $('.tt-msg-loading').show();

                        setTimeout("loadMore()",1600);

                    }

                });

                //切换

                $('#tabs-h li').click(function(){

                    var othis=$(this),index=othis.attr('data-num'),tabm=othis.attr('data-m'),cdiv=$('#tabs-c .tabs-c-'+index);

                    if(!othis.hasClass('cur')){

                        othis.addClass('cur').siblings().removeClass('cur');

                        $('#tabs-c .tabs-div').hide().filter('.tabs-c-'+index).show();

                        if(tabm=='html' && cdiv.html().length==0){

                            cdiv.html('<iframe width="100%" height="'+$(window).height()+'" src="'+othis.attr('data-h')+'" frameborder="no" marginheight="0" marginwidth="0" allowTransparency="true"></iframe>');

                        }else if(tabm=='comment'){

                            clear_Timer();

                            Timer = setInterval(AutoLoad,5000); //1分钟执行一次

                        }else if(tabm=='shake'){

                            $('#shake-yao')[0].play();

                            var shake=$('#shake');

                            $('html,body').animate({'scrollTop':shake.offset().top},500);

                            shake.css({'width':WinW,'height':WinH});

                        }

                    }

                })



                $('#uc_gave,#uc_gift,#pc_yuyue').click(function(){

                    $("#guanzhu_pop").show();

                });

                $('#wechat_yuyue').click(function(){

                    var i = _meepoajax._querystring('i');

                    var j = _meepoajax._querystring('j');

                    var post_url = './index.php?i='+i+'&j='+j+'&c=entry&do=yuyue&m=meepo_online';

                    $.ajax({

                        type:'post',

                        url:post_url,

                        data:{'listid':$("#live_id").val()},

                        dataType:"json",

                        success:function(json){

                            _loading_toast._show(json.message);

                        }

                    })

                });

                $("#need_moible_yuyue").click(function(){

                    $('#sms_mobile_box').show();

                });

                $('#oauth_gave').click(function(){

                    window.location.href="{php echo $this->createMobileUrl('oauth_give',array('listid'=>$listid,'topenid'=>$openid))}";

                });

                $('#oauth_gift').click(function(){

                    window.location.href="{php echo $this->createMobileUrl('oauth_gift',array('listid'=>$listid,'topenid'=>$openid))}";

                });

                //打赏

                $('#gave').click(function(){

                    $("#gave-box").css("top",$("#header").outerHeight() + $("#wrap").height()+$(".live-info").outerHeight()+$("#advs_box").height()+10);

                    $("body").animate({scrollTop: document.body.clientHeight},600);

                    $("#talk").animate({scrollTop:0},600);

                    $("#review_box").hide();

                    talk_not_scroll();

                    $('#reward-layer-box').hide()

                    $("#dashang_box").show();

                })

                //gift

                //打赏

                $('#gift').click(function(){

                    $("#reward-pay-box").css("top",$("#header").outerHeight() + $("#wrap").height()+$(".live-info").outerHeight()+$("#advs_box").height());

                    $("body").animate({scrollTop: document.body.clientHeight},600);

                    $("#talk").animate({scrollTop:0},600);

                    $("#review_box").hide();

                    talk_not_scroll();

                    $("#dashang_box").hide();

                    $('#reward-layer-box').show();

                })

                $('#dt_review_box_emo_button').click(function() {

                    _emo._show("dt_review_box_emo", function(index) {

                        $("#dt_review_form_content").val($("#dt_review_form_content").val() + _emo._text[index]);

                    });

                })

                $("#dt_review_form_post").click(function(){

                    send_message();

                });

                $(".add").click(function(){

                    var n=$(this).prev().val();

                    if(n=='' || isNaN(Number(n))){

                        n = 0;

                    }

                    var num=parseInt(n)+1;

                    $(this).prev().val(num);

                    $('#total_price').text(parseFloat($(".selected").attr("data-one")*num).toFixed(2));

                });

                //减的效果

                $(".jian").click(function(){

                    var n=$(this).next().val();

                    if(n=='' || isNaN(Number(n))){

                        n = 0;

                    }

                    var num=parseInt(n)-1;

                    $(this).next().val(num);

                    $('#total_price').text(parseFloat($(".selected").attr("data-one")*num).toFixed(2));

                });

            })

            function clear_Timer(){

                clearInterval(Timer);

            }

            function close_gz(){

                $("#guanzhu_pop").hide();

            }

            function pay_oauth_look(){

                window.location.href="{php echo $this->createMobileUrl('look_oauth_pay',array('listid'=>$listid,'topenid'=>$openid))}";

            }

            function close_sms_box(){

                $("#sms_mobile_box").hide();

            }

            function input_need(){

                var post_array = {};

                post_array.listid = $("#live_id").val();

                {loop $need_input_arr $rval}

                var {$rval['code']} = $("#{$rval['code']}").val();

            post_array.{$rval['code']} = {$rval['code']};

            if({$rval['code']}==''){

                _loading_toast._show("{$rval['placeholder']}");

                return;

            }

            {/loop}

            var i = _meepoajax._querystring('i');

            var j = _meepoajax._querystring('j');

            var post_url = './index.php?i='+i+'&j='+j+'&c=entry&do=post_input_need&m=meepo_online';

            $.ajax({

                type:'post',

                url:post_url,

                data:post_array,

                dataType:"json",

                success:function(json){

                    if(json.errno!='1'){

                        _loading_toast._show(json.message);

                    }else{

                        $("#need_input_pop").hide();

                        _loading_toast._show('提交成功');

                    }

                }

            })

        }

</script>

<script>

    $(function () {

        window.SOCKET = new io("ws://{$settings['socket_url']}/");

        SOCKET.on('connect', function () {

            SOCKET.emit('join', fans_info);

        });

        SOCKET.on('msg', function (userName, msg) {



        });

        SOCKET.on('dashang', function (username, msg) {

            var dashang_content = '<p class="name"><font color=red>'+username+'</font>送出<font color=red>'+msg.money+'元</font>红包啦！</p>';

            if(dashang_flower==1){

                var audio = new Audio();

                audio.src = "{php echo tomedia($list['dashang_music'])}";

                audio.play();

                $.notification({

                    title: "温馨提示",

                    text:dashang_content ,

                    media: "<img src='../addons/meepo_online/template/mobile/images/redpack.png' style='width:24px;height:24px;border-radius:100%'/>",

                    time:4000,

                    data: ""

                });



            }else if(dashang_flower==2){

                $.notification({

                    title: "温馨提示",

                    text:dashang_content ,

                    media: "<img src='../addons/meepo_online/template/mobile/images/redpack.png' style='width:24px;height:24px;border-radius:100%'/>",

                    time:4000,

                    data: "",

                });

            }

        });

        SOCKET.on('gift', function (username, msg) {

            var img_url = $('#gift_'+msg.type).find("img").attr('src');

            var dashang_content = '<p class="name"><font color=red>'+username+'</font>赠送<font color=red>'+msg.content+'</font>礼物啦、数量<font color=red>'+msg.gift_number+'</font></p>';

            if(gift_flower==1){

                var audio = new Audio();

                audio.src = "{php echo tomedia($list['gift_music'])}";

                audio.play();



                $.notification({

                    title: "温馨提示",

                    text:dashang_content ,

                    media: '<img src="'+img_url+'" style="border-radius:100%" />',

                    time:4000,

                    data: ""

                });

            }else if(gift_flower==2){

                $.notification({

                    title: "温馨提示",

                    text:dashang_content ,

                    media: '<img src="'+img_url+'" style="border-radius:100%" />',

                    time:4000,

                    data: ""

                });

            }

        });

        // 监听系统消息

        SOCKET.on('sys', function (sysMsg, avatar) {

            if(newjoin_flower==1){

                var audio = new Audio();

                audio.src = "{php echo tomedia($list['newjoin_music'])}";

                audio.play();

                $.notification({

                    title: "温馨提示",

                    text:sysMsg,

                    media: '<img src="'+avatar+'" style="border-radius:100%" />',

                    time:4000,

                    data: "",



                });

            }else if(newjoin_flower==2){

                $.notification({

                    title: "温馨提示",

                    text:sysMsg,

                    media: '<img src="'+avatar+'" style="border-radius:100%" />',

                    time:4000,

                    data: "",



                });

            }

        });

    });



</script>

<script type="text/javascript">

    wx.ready(function () {

        var shareData = {

            title: "{$list['share_title']}",

            desc: "{$list['share_content']}",

            link: "{php echo $_W['siteroot'].'app/'.$this->createMobileUrl('detail',array('categoryid'=>$categoryid,'listid'=>$listid,'fd'=>$list_user_id))}",

            imgUrl: "{php echo tomedia($list['share_img'])}",

        };



        //分享朋友

        wx.onMenuShareAppMessage({

            title: shareData.title,

            desc: shareData.desc,

            link: shareData.link,

            imgUrl:shareData.imgUrl,

            trigger: function (res) {

            },

            success: function (res) {

                send_intergal();

            },

            cancel: function (res) {

            },

            fail: function (res) {

                alert(JSON.stringify(res));

            }

        });

        //朋友圈

        wx.onMenuShareTimeline({

            title: shareData.title+"---"+shareData.desc,

            link: shareData.link,

            imgUrl:shareData.imgUrl,

            trigger: function (res) {

            },

            success: function (res) {

                send_intergal();

            },

            cancel: function (res) {

            },

            fail: function (res) {



            }

        });



    });

    function send_intergal(){

        $.ajax({

            type:"POST",

            url:"{php echo $this->createMobileUrl('shareajax',array('categoryid'=>$categoryid,'listid'=>$listid))}",

            data:{},

            cache:false,

            success:function(data){



            }

        });

    }

</script>

<style>

    .cd-container  * {

        -webkit-font-smoothing: antialiased;

        -moz-osx-font-smoothing: grayscale;

    }



    .cd-container *, .cd-container *:after, .cd-container *:before {

        -webkit-box-sizing: border-box;

        -moz-box-sizing: border-box;

        box-sizing:border-box;

        margin:0;

        padding:0;

        list-style:none;

        border:none;

    }



    .cd-container * {

        font-size: 100%;

        font-family: "Microsoft yahei", serif;

        color: #646C73;

    }



    .cd-container a {

        color: #acb7c0;

        text-decoration: none;

        font-family: "Microsoft yahei", sans-serif;

    }



    .cd-container img {

        max-width: 100%;

    }



    .cd-container h1, .cd-container h2 {

        font-family: "Microsoft yahei", sans-serif;

        font-weight: bold;

    }





    /* --------------------------------



    Modules - reusable parts of our design



    -------------------------------- */

    .cd-container {

        /* this class is used to give a max-width to the element it is applied to, and center it horizontally when it reaches that max-width */

        width: 96%;

        max-width: 1170px;

        margin: 0 auto;



    }

    .cd-container::after {

        /* clearfix */

        content: '';

        display: table;

        clear: both;

    }



    /* --------------------------------



    Main components



    -------------------------------- */

    .tou{width: auto; height: auto;

        margin: 0px auto;





        text-align: center;}

    header {

        text-align: center;

        line-height: 40px;

        background-color: #fff;



    }

    header h1 {

        color: #3A3A3A;

        font-size: 18px;

        font-size: 1.125rem;

        text-align: left;

        padding: 0px 4px;



    }

    @media only screen and (min-width: 1000px) {

        header {



            line-height: 60px;

            text-align: left;



        }

        header h1 {

            font-size: 24px;

            font-size: 1.5rem;

            text-align: center;

        }

    }

    .football{ width: 100%; max-width: 1000px; text-align: center;

        margin: 0px auto; background-color: #EDEDED;

        display: none;}

    .widget-table{

        width: 100%;

        font-size: 14px;

    }

    .widget-table tr,td{

        padding:0px 4px 4px 4px;



    }

    .fimg{ cursor: pointer;}

    .widget-table img{ overflow: hidden;

        border-radius: 50%;}

    .cd-timeline {

        position: relative;

        padding: 0em 0;

        margin-top: 2em;

        margin-bottom: 2em;

    }

    .cd-timeline::before {

        /* this is the vertical line */

        content: '';

        position: absolute;

        top: 50;

        left: 18px;

        height: 100%;

        width: 2px;

        background: #EEEDED;

    }

    @media only screen and (min-width: 1170px) {

        .cd-timeline {

            margin-top: 3em;

            margin-bottom: 3em;

        }

        .cd-timeline::before {

            left: 50%;

            margin-left: -2px;

        }

    }



    .cd-timeline-block {

        position: relative;

        margin: 1em 0;

    }

    .cd-timeline-block:after {

        content: "";

        display: table;

        clear: both;

    }

    .cd-timeline-block:first-child {

        margin-top: 0;

    }

    .cd-timeline-block:last-child {

        margin-bottom: 0;

    }

    @media only screen and (min-width: 1170px) {

        .cd-timeline-block {

            margin: 4em 0;

        }

        .cd-timeline-block:first-child {

            margin-top: 0;

        }

        .cd-timeline-block:last-child {

            margin-bottom: 0;

        }

    }



    .cd-timeline-img {

        position: absolute;

        top: 0;

        left: 0;

        width: 40px;

        height: 40px;

        overflow: hidden;

        border-radius: 50%;

        box-shadow: 0 0 0 4px #ffffff, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);

    }



    .cd-timeline-img2 {

        position: absolute;

        top: 60px;

        left: 0;

        width: 40px;

        height: 20px;

        line-height: 20px;

        font-size: 12px;

        text-align: center;

        background-color: #fff;



    }

    .datadisply{ display:none;}

    .cd-timeline-img img {

        display: block;

        width: 68px;

        height: auto;

        position: relative;

        left: 0%;

        top: 0%;



    }

    .cd-timeline-img.cd-picture {

        background: #EEEDED;

    }

    .cd-timeline-img.cd-movie {

        background: #c03b44;

    }

    .cd-timeline-img.cd-location {

        background: #f0ca45;

    }

    @media only screen and (min-width: 1170px) {

        .cd-timeline-img2{

            display:none;

        }

        .datadisply{ display:inline-block;}

        .cd-timeline-img {

            width: 60px;

            height: 60px;

            left: 50%;

            margin-left: -30px;

            /* Force Hardware Acceleration in WebKit */

            -webkit-transform: translateZ(0);

            -webkit-backface-visibility: hidden;

        }

        .cssanimations .cd-timeline-img.is-hidden {

            visibility: hidden;

        }

        .cssanimations .cd-timeline-img.bounce-in {

            visibility: visible;

            -webkit-animation: cd-bounce-1 0.6s;

            -moz-animation: cd-bounce-1 0.6s;

            animation: cd-bounce-1 0.6s;

        }

    }



    @-webkit-keyframes cd-bounce-1 {

        0% {

            opacity: 0;

            -webkit-transform: scale(0.5);

        }

        60% {

            opacity: 1;

            -webkit-transform: scale(1.2);

        }

        100% {

            -webkit-transform: scale(1);

        }

    }

    @-moz-keyframes cd-bounce-1 {

        0% {

            opacity: 0;

            -moz-transform: scale(0.5);

        }

        60% {

            opacity: 1;

            -moz-transform: scale(1.2);

        }

        100% {

            -moz-transform: scale(1);

        }

    }



    .cd-timeline-content {

        position: relative;

        margin-left: 54px;

        background: #EEEDED;

        border-radius: 0.25em;

        padding: 6px;

        box-shadow: 0 3px 0 #EEEDED;

    }

    .cd-timeline-content:after {

        content: "";

        display: table;

        clear: both;

    }

    .cd-timeline-content h2 {

        color: #303e49;

    }

    .cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {

        font-size: 16px;

        font-size: 1rem;

    }

    .cd-timeline-content .cd-date {

        font-size: 14px;

        font-size: 0.8rem;

    }

    .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {

        display: inline-block;

    }

    .cd-timeline-content p {

        line-height: 1.6;

    }

    .cd-timeline-content .cd-read-more {

        float: right;

        padding: .8em 1em;

        background: #acb7c0;

        color: #ffffff;

        border-radius: 0.25em;

    }

    .no-touch .cd-timeline-content .cd-read-more:hover {

        background-color: #bac4cb;

    }

    .cd-timeline-content .cd-date {

        float: left;

        padding: .8em 0;

        opacity: .7;

    }

    .cd-timeline-content::before {

        content: '';

        position: absolute;

        top: 16px;

        right: 100%;

        height: 0;

        width: 0;

        border: 7px solid transparent;

        border-right: 7px solid #EEEDED;

    }

    @media only screen and (min-width: 768px) {

        .cd-timeline-content h2 {

            font-size: 20px;

            font-size: 1.25rem;

        }

        .cd-timeline-content p {

            font-size: 16px;

            font-size: 1rem;

        }

        .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {

            font-size: 14px;

            font-size: 0.875rem;

        }

    }

    @media only screen and (min-width: 1170px) {

        .cd-timeline-content {

            margin-left: 0;

            padding: 1.6em;

            width: 45%;

        }

        .cd-timeline-content::before {

            top: 24px;

            left: 100%;

            border-color: transparent;

            border-left-color: #ffffff;

        }

        .cd-timeline-content .cd-read-more {

            float: left;

        }

        .cd-timeline-content .cd-date {

            position: absolute;

            width: 100%;

            left: 122%;

            top: 6px;

            font-size: 16px;

            font-size: 1rem;

        }

        .cd-timeline-block:nth-child(even) .cd-timeline-content {

            float: right;

        }

        .cd-timeline-block:nth-child(even) .cd-timeline-content::before {

            top: 24px;

            left: auto;

            right: 100%;

            border-color: transparent;

            border-right-color: #ffffff;

        }

        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {

            float: right;

        }

        .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {

            left: auto;

            right: 122%;

            text-align: right;

        }

        .cssanimations .cd-timeline-content.is-hidden {
            visibility: hidden;
        }

        .cssanimations .cd-timeline-content.bounce-in {
            visibility: visible;
            -webkit-animation: cd-bounce-2 0.6s;
            -moz-animation: cd-bounce-2 0.6s;
            animation: cd-bounce-2 0.6s;
        }
    }
</style>

<script type="text/javascript">

    var danmu_time = '';

    $("#danmu").danmu({

        speed: 11000,

        top: 38,

        height:180,

        width:$(window).width(),

        zindex :4, //div的css样式zindex

    });



    var msgs = [

        "我是小流氓", "成年了么", "你真厉害", "好好玩", "你几岁了", "乐真逗", "爱你么么哒", "水晶直播不错哎", "我要宝宝", "我好像", "握草", "我要给你生孩子", "太6了", "萌萌嗒", "站起来偶像来了", "尿了",

        "受不了了，鸡皮疙瘩", "求唱歌", "求素颜", "什么情况啊", "啊！好有感觉啊", "留个微信联系方式", "我想看看你", "摇起来", "第一次玩，好屌", "6666666666666666", "主播，你是要那样子啊", "看上去叼叼的样子",

        "燃的飞起", "呼啦啦啦", "我塞不塞", "颜值报表", "鼓掌！啪啪啪", "卡哇伊", "我想静静", "无语", "好MAN", "你几岁了", "我要听小苹果", "怎么充钱啊", "好有魔性", "没有水晶拉", "我是90后", "表情好丰富啊",

        "该吃药了", "看几遍，完全看不腻", "低点，在往下一点", "雷欧雷欧", "嗨喽，求粉", "大王派我来巡山", "几几年的", "上海的有么", "节操呢", "好像有什么奇怪的东东", "我要给你生孩子", "酷",

        "笑尿了", "确认不错", "木马木马", "会火吗", "骄傲", "手动点赞", "送个跑车啊", "求送啤酒", "送啤酒"

    ];

    var colors = ["green", "red", "yellow", "white"];



    function send() {

        var _a = msgs[getRandom(msgs.length - 1)];

        var _b = colors[getRandom(colors.length - 1)];

        var _c = $('#danmu').data("nowtime") + 5;

        var _c = '{ "text":"' + _a + '","color":"' + _b + '","size":"6","position":"0","time":' + _c + '}';

        $("#danmu").danmu("add_danmu", eval('(' + _c + ')'));

    }



    function getRandom(n) {

        return Math.floor(Math.random() * n + 1);

    }

    $(".danmu_control").click(function(){

        var _this = $(this);

        if(!_this.hasClass("danmu_on")){

            $("#danmu").show();

            $('#danmu').danmu('danmu_start');

            window.danmu_time = setInterval("send()", 500);

            _this.addClass("danmu_on");

        }else{

            $("#danmu").hide();

            $('#danmu').danmu('danmu_stop');

            window.clearInterval(danmu_time); //清楚定时器

            _this.removeClass("danmu_on");

        }

    });

</script>



</body>

</html>

